﻿/**
 Copyright (C) 2008 ZHENG Zhong <heavyzheng nospam-at gmail D0T com>
 http://www.zhengzhong.net/
 http://blog.zhengzhong.net/
 
 Stylesheet for blog*spot template.
 Created on 2008-04-30.
 
 $Id: common.css 321 2009-03-08 19:07:47Z heavyzheng $
 */

/*------------------------------------------------------------------------------------------------*/
/* HTML element styles                                                                            */
/*------------------------------------------------------------------------------------------------*/

body {
  margin: 0;
  padding: 0;
  font: normal normal 90% arial,sans-serif;
  color: #444444;
  background-color: #FFFFFF;
  text-align: center;
}

a:link, a:visited {
  color: #2090D0;
  text-decoration: none;
}

a:hover {
  color: #2090D0;
  text-decoration: underline;
}

a img {
  border-width: 0;
}

abbr {
  border-width: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Trebuchet MS',arial,sans-serif;
}

ol li {
  list-style-type: decimal;
  margin-left: 0.2em;
}

ul li {
  list-style-type: square;
  margin-left: 0.2em;
}

li p {
  margin: 0;
}

code, pre {
  font-family: 'Courier New',courier,arial, sans-serif;
  font-size: 90%;
  font-style: normal;
  font-weight: normal;
  color: #444444;
}

pre {
  margin: 0;
  padding: .5em;
  border-color: #888888;
  border-style: solid;
  border-width: 1px;
}

/*------------------------------------------------------------------------------------------------*/
/* Common style classes                                                                           */
/*------------------------------------------------------------------------------------------------*/

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.nowrap {
  white-space: nowrap;
}

.hr {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #888888;
}

.widget {
  margin: 0;
  padding: 10px 0 10px 0;
}

.widget .widget-content {
  line-height: 1.4em;
}

/*------------------------------------------------------------------------------------------------*/
/* Page layout and styles                                                                         */
/*------------------------------------------------------------------------------------------------*/

#outer-wrapper {
  margin: 0 auto;
  padding: 20px 0 20px 0;
  text-align: left;
  height: 1%; /* IE requires this to make a container! */
  width: 780px;
}

#outer-wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#header-wrapper {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: left;
}

#header-wrapper h1 {
  margin: 0;
  padding: 20px 20px 0 20px;
  font: normal normal 160% 'Trebuchet MS',arial,sans-serif;
  color: #FFFFFF;
}

#header-wrapper h1 a {
  color: #FFFFFF;
}

#header-wrapper .description {
  margin: 0;
  padding: 4px 20px 0 20px;
  font: normal normal 100% 'Trebuchet MS',arial,sans-serif;
  color: #FFFFFF;
}

#sidebar-wrapper {
  margin: 0;
  padding: 0 0 0 4px;
  display: inline;
  float: left;
  text-align: left;
  width: 185px;
  border-top: 2px solid #2090D0;
}

#sidebar-wrapper .widget h2 {
  margin: 0;
  padding: 0 0 10px 0;
  font: normal bold 110% 'Century Gothic',helvetica,sans-serif;
  color: #2090D0;
  text-transform: uppercase;
}

#sidebar-wrapper .widget .widget-content {
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
}

#content-wrapper {
  margin: 0;
  padding: 0 4px 0 0;
  display: inline;
  float: right;
  text-align: left;
  width: 560px;
  border-top: 2px solid #2090D0;
}

#footer-wrapper {
  margin: 0;
  padding: 10px 0 20px 0;
  text-align: center;
  font: normal normal 90% 'Trebuchet MS',arial,sans-serif;
  color: #888888;
  border-top: 1px solid #DDDDDD;
  clear: both;
}

#footer-wrapper a {
  color: #888888;
}


